<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS颜色表示法</title>
		
		<style>
			
			#txt{
				color: #0000FF;
			}
			p{
				color: blue;
			}
			.danger{
				color: aqua ;
			}
			/* !important 最大*/
			/* 行内   大于   id */
			/* id  大于  类 */
			/* 类   大于  标签 */
/* -----------------------------------------------------			 */
			div{
				height: 100px;
				width: 100px;
				border: 3px solid black;
				float: left;
			}
			.d1{
				background-color: rgb(255, 0, 0);
			}
			.d2{
				background-color: rgb(0%, 100%, 0%);
			}
			.d3{
				background-color: rgba(0, 0, 255, 1);
			}
			.d4{
				background-color: rgba(0, 0, 255, 0.8);
			}
			.d5{
				background-color: rgba(0, 0, 255, 0.3);
			}
			.d6{
				background-color: #00FFFF;
				
			}
			.d7{
				background-color: #ff0;
			}
			.d8{
				background-color: #fff;
			}
			.d9{
				background-color: #000;
			}
			
			
		</style>
	</head>
	<body>
		<p id="txt" class="danger" > 测试文字 </p>
		
		<div class="d1"></div>
		<div class="d2"></div>
		<div class="d3"></div>
		<div class="d4"></div>
		<div class="d5"></div>
		<div class="d6"></div>
		<div class="d7"></div>
		<div class="d8"></div>
		<div class="d9"></div>
		
	</body>
</html>